HTML 5 + CSS3 原理與開發應用培訓
? HTML 5 + CSS3 原理與開發應用培訓
培訓目標：
了解HTML5的規范整體
了解標簽語言
了解如何使用表單
HTML5音頻和視頻播放
HTML5 APIs概述
采用HTML5 Canvas而不是SVG動態產生渲染圖形
使用HTML5 通訊APIs
HTML5 Web Sockets
HTML5 Web Workers
HTML5 Geolocation
HTML5存儲
CSS3.0控制原理與應用
JQuery Mobile
培訓內容
HTML5 概述
? HTML的發展史
? HTML5的版本
? WHATWG and W3C 規范
? HTML5的新特性
? HTML5能做什么
? HTML5能做什么對HTML5和CSS3的支持
? 檢測瀏覽器對HTML 5的支持
HTML5 標簽語言
? HTML5頁面結構
? HTML5 DOCTYPE
? 根元素
? 字符編碼
? HTML5新增的語義元素
? 其他新增的元素
? 驗證HTML5頁面及顯示頁面大綱
HTML5表單
? HTML 4的困惑
? HTML 5新增的輸入組件
? 輸入組件
? HTML 5新增的輸入屬性
? 測試瀏覽器對HTML5表單元素的支持
? HTML5的表單驗證
HTML5 音頻和視頻播放
? video元素及其屬性
? 視頻編解碼器
? 視頻轉換工具
? 各種瀏覽器支持些什么格式
? 舊瀏覽器的過渡解決方案
? 視頻與腳本--簡單的視頻播放器
? 音頻
采用HTML5 Canvas繪制圖形
? canvas元素
? 檢查瀏覽器的支持情況
? 基本圖形繪制
? 路徑
? 變換
? 漸變
? 繪制文本
? 繪制圖像
使用HTML5 通訊APIs
? 跨文檔消息通信
? 源安全
? 檢測瀏覽器對postMessage的支持
? XMLHttpRequest Level2
? XMLHttpRequest Level2新增事件
? 檢測瀏覽器對XMLHttpRequest2的支持
? 跨域訪問注意事項
HTML5 Web Sockets
? HTTP特點
? 如何實現實時（real-time）通訊
? WebSocket特性
? WebSocket與輪詢方式的比較
? Web Socket建立方法
? WebSocket 的事件
? WebSocket的屬性
? 漸進增強和降級處理
HTML5 Web Workers
? Web Workers介紹
? Multi-core processor architecture
? Web Worker communication
? 使用 Web Workers APIs
? 案例應用實踐，練習指導
地理定位
? 地理定位介紹
? 在瀏覽器中使用地理定位
? 定位的技術背景
? openstreetmap上顯示當前位置
? 使用googlemaps追蹤位置
? 案例應用實踐，練習指導
HTML5存儲
? 為什么需要本地存儲
? 本地存儲的限制
? Web存儲的兩種類型
? 判斷瀏覽器是否支持WebStorage
? 存取信息
? storage事件
? Web SQL
? IndexedDB
CSS3講解
? CSS3概述
? 半透明效果
? CSS3屬性選擇器
? 邊框樣式
? 文本樣式
? 背景色漸變
? 元素變形
? 效果過渡
jQuery Mobile
? jQuery Mobile設計的技術思考和商業思考
? jQuery Mobile入門初體驗
? 使用頁眉、工具欄和標簽欄
? jQuery Mobile中的表單和按鈕
? jQuery Mobile中的列表
? jQuery Mobile和CSS結合
? jQuery Mobile主題
? jQuery Mobile的API
? 和服務器集成
? jQuery Mobile和HTML5開發框架PhoneGap結合

?